<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>Compte Courant</title>
    </h:head>
    <h:body>

        <ui:composition template="./default.xhtml">

            <ui:define name="titrePage">
                Liste de comptes courant
            </ui:define>

            <ui:define name="partieGauche">
                <f:view>
                    <h:form>
                        <h1><h:outputText value="Liste des comptes"/></h1>

                        <p:dataTable  value="#{compteBancaireMBean.listeClientsPagines}"  widgetVar="compteTable" var="item" paginator="true" rows="5"
                                      paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                                      rowsPerPageTemplate="5,10,15" 
                                      lazy="true">
                            <f:facet name="header">    
                                <p:outputPanel>
                                    <p:messages showDetail="true" id="research" globalOnly="true" autoUpdate="true"/>
                                    <h:outputLabel style="vertical-align: middle" value="Rechercher: " for="recherche"/>    
                                    <p:inputText id="recherche"  value="#{recherche}" style="width:115px" />
                                    <p:selectOneMenu style="margin-left: 5px;vertical-align: middle" value="#{choix}">  
                                        <f:selectItem itemLabel="Id" itemValue="id" />  
                                        <f:selectItem itemLabel="Nom" itemValue="nomProprio" />  
                                        <f:selectItem itemLabel="Solde" itemValue="soldeCompte" />  
                                    </p:selectOneMenu>  
                                    <p:commandButton style="margin-left: 5px;vertical-align: middle" action="#{compteBancaireMBean.rechercher(recherche, choix)}" value="Go" ajax="false" /> 
                                </p:outputPanel>
                            </f:facet>


                            <p:column headerText="CompteID"
                                      sortBy="#{item.id}">
                                <f:facet name="header">
                                    <h:outputText value="ID"/>
                                </f:facet>
                                <h:commandLink action="#{compteBancaireMBean.showDetails(item)}" value="#{item.id}"/> 
                            </p:column>


                            <p:column headerText="CompteSolde"
                                      sortBy="#{item.soldeCompte}"
                                      filterMatchMode="contains">
                                <f:facet name="header">
                                    <h:outputText value="Solde"/>
                                </f:facet>
                                <h:outputText value="#{item.soldeCompte}"/>
                            </p:column>

                            <p:column headerText="TYPE"
                                      sortBy="#{item.type}"
                                      filterMatchMode="contains">
                                <f:facet name="header">
                                    <h:outputText value="TYPE"/>
                                </f:facet>
                                <h:outputText value="#{item.type}"/>
                            </p:column>


                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Date ouverture"/>
                                </f:facet>
                                <h:outputText value="#{item.dateOuverture}">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>



                            <p:column style="text-align: center">
                                <f:facet name="header">
                                    <h:outputText value="Autre"/>
                                </f:facet>
                                <h:commandButton  action="#{compteBancaireMBean.operationB(item)}" image="./images/details.png"/>

                                <h:commandButton   action="#{compteBancaireMBean.supprimerCompte(item)}" image="./images/delete.png"/>
                            </p:column>
                        </p:dataTable>


                    </h:form>
                </f:view>

            </ui:define>



            <ui:define name="partieDroite">
                
                <h3 style="color: burlywood"> Pour effectuer des opération sur un  compte courant , veuillez cliquer sur son id </h3>
                
                <br>
                    
                </br>
                
                <h4 style="color: burlywood"> Pour voir l'historique des opérations effectuées sur un compte, veuillez aller sur l'onglet "Autre" et
                    cliquer sur l'image representant la recherche </h4>
                

            </ui:define>


        </ui:composition>








    </h:body>
</html>

